import {createRouter, createWebHistory} from "vue-router";
import {ElMessage} from "element-plus";


let routes = [
    {
        path: '/login',
        name: 'login',
        //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
        component: () => import('../view/LoginView.vue')
    },
    {
        path: '/',
        name: 'home',
        //使用import可以路由懒加载，如果不使用，太多组件一起加载会造成白屏
        component: () => import('../view/HomeView.vue')
    },
    // {
    //     // 配置404页面
    //     path: '/:catchAll(.*)',
    //     name: '404',
    //     component: () => import(''),
    // }
]
// 路由
const router = createRouter({
    history: createWebHistory(),
    routes
})


//全局前置路由守卫————初始化的时候被调用、每次路由切换之前被调用
router.beforeEach((to, from, next) => {
    //判断用户是否登录
    let user=localStorage.getItem('user')
    if(to.name==="login"||user){
        next();
    }else{
        ElMessage.error("您还没有登录，请先登录")
        next('/login');
    }
})

// 导出
export default router